import Card from "@/components/Card";
import BlockItem from "@/components/BlockItem";
import Title from "@/components/Title";

import YHD from "@/assets/要货单备份.svg";
import JHD from "@/assets/进货单备份.svg";
import WDHY from "@/assets/进货单历史备份 2.svg";

import styles from './style.module.css'

const Manage = () => {
  return (
    <div className="flex flex-col gap-y-[24px] pb-[93px]">
      <Title className={styles.title}>管店</Title>
      <Card title="门店管理" childlayout="justify-start">
        <BlockItem icon={YHD} text="要货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
      </Card>
      <Card title="会员管理" childlayout="justify-start">
        <BlockItem icon={WDHY} text="我的会员" to="/member-list"></BlockItem>
      </Card>
      <Card title="单据历史" childlayout="justify-start">
        <BlockItem icon={YHD} text="要货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
      </Card>
      <Card title="商城订单" childlayout="justify-start">
        <BlockItem icon={YHD} text="要货单"></BlockItem>
        <BlockItem icon={JHD} text="进货单"></BlockItem>
      </Card>
    </div>
  );
};

export default Manage;
